@charset "utf-8";
/*Author:Yangyg QQ:422297784*/
/*topnav*/
.fl { float:left;}
.topnav { position:relative; z-index:3; box-sizing:border-box; min-width:1200px; height:45px!important; line-height:45px; background-color:#060b25!important;}
.topnav .top { margin:0 auto; width:1200px; height:45px; overflow:hidden;}
.topnav .nav a { margin:0 40px 0 0; color:#fff; font-size:14px; line-height:45px; text-decoration:none;}
.topnav .nav .curr,.topnav .nav a:hover { color:#fff;}
.topnav .loginBar { float:right; margin-left:20px; line-height:45px;}
.topnav .loginBar,.topnav .loginBar a { color:#4992f0; font-size:16px;}
.topnav .loginBar .username { float:left; max-width:170px; margin-right:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; color:#fff;}
.loadTxt { background:url(../images/i_loading.gif) no-repeat 90% #e8ecf2 !important; }

/*topMenu*/
.area { width:1200px; margin-left:auto; margin-right:auto; }
.ovh { overflow:hidden; }
.topMenu { position:relative; z-index:0; box-sizing:border-box; min-width:1200px; height:95px; background-color:#fff; border-bottom:1px solid #eee; transition:z-index .3s;}
.topMenu:hover { z-index:3;}
.topMenu .logoVote { float:left; width:220px; height:95px; background:url(../images/logo_lytx.png) no-repeat 0 50%; }
.topMenu .list { float:left; height:95px;}
.topMenu .list li { position:relative; float:left; height:95px; list-style:none;}
.topMenu .list li .t { position:relative; float:left; margin:0 18px; line-height:94px; font-size:16px; color:#555; text-decoration:none; background-color: #fff;}
.topMenu .list li.active .t,.topMenu .list li .t:hover { color:#0063ff; }
.topMenu .list li.active .t:before { position: absolute; left:0; bottom:20px; font-size:0; height:2px; width:100%; line-height:0; content:''; background-color:#0063ff;}
.topMenu .navBar { float:right; padding-top:28px;}
.topMenu .searchBar { position:relative; border-radius:5px; width:290px; height:40px;}
.topMenu .searchBar .txt { box-sizing:border-box; padding-left:35px; height:40px; line-height:38px; border:1px solid #ececec; width:210px; font-size:14px; color:#333; background:url(../images/i_glass_gray.png) no-repeat 10px 50%; outline:none;}
.topMenu .searchBar .btn { position:absolute; top:0; right:0; width:70px; height:40px; border-radius:5px; color:#000; font-size:14px; border:none; outline:none;}
.topMenu .list li.roadmenu:after{ position: absolute; right:3px; top:50%; margin-top:-2px; width:0; height:0; line-height:0; font-size:0; border:5px solid transparent; border-bottom:none; border-top-color:#333; content:'';}
.topMenu .menu{ position:absolute; left:0; top:50px; z-index:-1; opacity:0; width:100%; background-color:#fff; box-shadow:0 5px 5px rgba(0,0,0,.2); transition:all .3s;}
.topMenu .menu a{ display: block; height:35px; line-height:35px; text-align:center; border-bottom:1px solid #f5f5f5; font-size:14px; color:#666}
.topMenu .menu a:hover{ color:#0063ff;}
.topMenu li:hover .menu{ opacity:1; z-index:1; top:75px;}

/*pageFooter*/
.pageFooter{ clear:both; background:#2d3237; padding-top:30px; color:#6b6e81; min-width:1200px; }
.pageFooter .area { margin:0 auto; width:1200px; }
.pageFooter a{ color:#6b6e81; padding-right:20px;}
.pageFooter a:hover{ color:#b2bae1;}
.pageFooter h2{ color:#fff; margin:0; padding-bottom:10px; font-size:14px; font-weight:normal;}
.pageFooter .aboutit{  width:400px; float:left; line-height:24px;}
.pageFooter .friendship{ width:500px; float:left; line-height:24px;   }
.pageFooter .friendship a{ display:inline-block;}
.pageFooter .guanzhu{ float:right; line-height:24px; width:110px; text-align:center;}
.pageFooter .guanzhu span{ display:inline-block; background:#fff; padding:5px; border-radius:3px; line-height:0; text-align:center;}
.pageFooter .guanzhu span img{ width:100px; height:auto;}
.pageFooter .relief {float:left;line-height:30px; max-width:960px;}
.pageFooter .copy {padding:15px 0; text-align:center;line-height:30px; background:#23282d; color:#999; margin-top:30px;}

/*路演直播*/
.sortType { position:absolute; left:10px; top:10px; padding:0 10px 0 18px; height:28px; line-height:28px; background-color:rgba(0,0,0,.5); color:#fff; }
.sortType:before { position:absolute; left:7px; top:12px; width:5px; height:5px; border-radius:50%; background-color:#4992f0; content:''; }
.roadList li {float:left; overflow:hidden; box-sizing:border-box; margin:0 30px 30px 0; width:380px; height:auto; background-color:#fff; border:1px solid #eee; transition:all .3s; -webkit-transition:all .3s;}
.roadList li:nth-child(3n) { margin-right:0; }
.roadList li .top { display:block; padding:20px 20px 10px; box-sizing:border-box; color:#999; }
.roadList li .top .logo { display:inline-block; margin-right:10px; vertical-align:middle; width:30px; height:30px; border-radius:50%; border:1px solid #eee; }
.roadList li .pic { position:relative; width:100%; height:215px; overflow:hidden;}
.roadList li a { display:block; position:relative; width:100%; height:100%;}
.roadList li .shade{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/i_lock_close.png) no-repeat 50% 50% rgba(0,0,0,.3); background-size:51px 62px;}
.roadList li .open {background-image:url(../images/i_lock_open.png);}
.roadList li img { width:100%; height:100%; transition:all .3s; -webkit-transition:all .3s;}
.roadList li .btm {  box-sizing:border-box; position:static; padding:15px; line-height:20px; background-color:#fff;}
.roadList li .btm .t { display:block; overflow:hidden; height:42px; font-size:15px; color:#666;}
.roadList li .btm .t:hover { color:#4784e5; }
.roadList li .btm .t a { height:auto; }
.roadList li .btm .date { color:#999; font-size:12px;}
.roadList li .auditLine { box-sizing:border-box; position:relative; padding-right:70px;}
.roadList li .about { font-size:12px; color:#999; }
.roadList li .audit { position:absolute; right:0; top:3px; padding:2px 5px; border-radius:3px; background-color:#4688f1; color:#fff; font-size:12px; line-height:1; }
.roadList li .state{ position:absolute; right:0; top:0; width:50px; height:50px; background:url(../images/i_state.png) no-repeat;}
.roadList li .s0 { background-position:0 0;}
.roadList li .s1 { background-position:-50px 0;}
.roadList li .s2 { background-position:-100px 0;}
.roadList li .s3 { background-position:0 -50px;}
.roadList li .s4 { background-position:-50px -50px;}
.roadList li .s5 { background-position:-100px -50px;}
.roadList li:hover {/* transform:translateY(-5px); -webkit-transform:translateY(-5px);*/ box-shadow:0 5px 20px rgba(0,0,0,.2)}
.roadList li:hover img {transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05);}

/*stick*/
.stick { display:none; position:fixed; left:50%; bottom:20px; margin-left:660px; padding-top:11px; width:64px; height:32px; text-align:center; background-color:rgba(102,102,102,.4); transition:all .3s; -webkit-transition:all .3s; cursor:pointer;}
.stick i { display:inline-block; vertical-align:top; width:30px; height:30px; background:url(../images/i_top.png) no-repeat 50% 50%;}
.stick:hover { background-color:rgba(102,102,102,.7);}

/*stick*/
.question {position:fixed; bottom:30%; margin-left:85%; width:37px; height:32px; background-position:0 -164px; cursor:pointer;}
.question i { display:inline-block; width:100%; height:100%; background:url(../images/i_t.png) no-repeat 50% 33%;}
.question:hover { background-color:#ddd;}

.ce06868 { color:#ef0404!important;}

/*滚动条*/
.scrollbar::-webkit-scrollbar-track-piece {background-color:rgba(0,0,0,0.1);}
.scrollbar::-webkit-scrollbar {width:6px; height:30px;}
.scrollbar::-webkit-scrollbar-thumb {background-color:rgba(70,136,241,.8); background-clip:padding-box; min-height:30px; border-radius:3px;}
.scrollbar::-webkit-scrollbar-thumb:hover {background-color:rgba(70,136,241,1)}